<template>
  <div class="p-4">
    <h2 class="text-lg font-medium mb-2">测试bg-success类</h2>
    <div class="w-16 h-16 bg-success rounded-lg mb-2"></div>
    <p class="text-sm text-gray-400">如果上面的方块显示为绿色，则bg-success类正常工作</p>
    
    <!-- 也测试其他颜色类 -->
    <div class="grid grid-cols-5 gap-2 mt-4">
      <div class="w-12 h-12 bg-primary rounded-lg"></div>
      <div class="w-12 h-12 bg-secondary rounded-lg"></div>
      <div class="w-12 h-12 bg-success rounded-lg"></div>
      <div class="w-12 h-12 bg-warning rounded-lg"></div>
      <div class="w-12 h-12 bg-danger rounded-lg"></div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>

</style>